<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<style type="text/css" media="screen">
#content {
	width: 960px;
	margin: 5px auto;
}

#left {
	background: #FFF;
	height: auto;
	width: 690px;
	float: left;
}

#right {
	background: #FFF;
	height: auto;
	width: 260px;
	float: right;
}

.select {
	width: 150px;
}
</style>
<script type="text/javascript" src="../js/jquery.min.js"></script>

<script type="text/javascript" src="../js/highcharts.js"></script>

<script type="text/javascript" src="../js/modules/exporting.js"></script>

<script type="text/javascript">
var chart;
$(document).ready(function() {
	chart = new Highcharts.Chart({
		chart: {
			renderTo: 'container',
			defaultSeriesType: 'column',
			margin: [ 50, 50, 100, 80]
		},
		title: {
			text: '总体得分'
		},
		xAxis: {
			categories: [
				'全国', 
				'上海', 
				'北京', 
				'江苏', 
				'河南',
				'新疆'
				
			],
			labels: {
				rotation: -45,
				align: 'right',
				style: {
					 font: 'normal 13px Verdana, sans-serif'
				}
			}
		},
		yAxis: {
			min: 0,
			title: {
				text: ''
			}
		},
		legend: {
			enabled: false
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 '得分: '+ Highcharts.numberFormat(this.y, 1) +
					 '';
			}
		},
	        series: [{
			name: 'Population',
			data: [50,70,89,100,80,56],
			dataLabels: {
				enabled: true,
				rotation: -90,
				color: '#FFFFFF',
				align: 'right',
				x: -3,
				y: 10,
				formatter: function() {
					return this.y;
				},
				style: {
					font: 'normal 13px Verdana, sans-serif'
				}
			}			
		}]
	});
	
	
});




var chart1;
$(document).ready(function() {
	chart1 = new Highcharts.Chart({
		chart: {
			renderTo: 'container1',
			defaultSeriesType: 'column',
			margin: [ 50, 50, 100, 80]
		},
		title: {
			text: '分销得分'
		},
		xAxis: {
			categories: [
				'全国', 
				'上海', 
				'北京', 
				'江苏', 
				'河南',
				'新疆'
				
			],
			labels: {
				rotation: -45,
				align: 'right',
				style: {
					 font: 'normal 13px Verdana, sans-serif'
				}
			}
		},
		yAxis: {
			min: 0,
			title: {
				text: ''
			}
		},
		legend: {
			enabled: false
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 '得分: '+ Highcharts.numberFormat(this.y, 1) +
					 '';
			}
		},
	        series: [{
			name: 'Population',
			data: [50,70,89,100,80,56],
			dataLabels: {
				enabled: true,
				rotation: -90,
				color: '#FFFFFF',
				align: 'right',
				x: -3,
				y: 10,
				formatter: function() {
					return this.y;
				},
				style: {
					font: 'normal 13px Verdana, sans-serif'
				}
			}			
		}]
	});
	
	
});

var chart2;
$(document).ready(function() {
	chart2 = new Highcharts.Chart({
		chart: {
			renderTo: 'container2',
			defaultSeriesType: 'column',
			margin: [ 50, 50, 100, 80]
		},
		title: {
			text: '价格得分'
		},
		xAxis: {
			categories: [
				'全国', 
				'上海', 
				'北京', 
				'江苏', 
				'河南',
				'新疆'
				
			],
			labels: {
				rotation: -45,
				align: 'right',
				style: {
					 font: 'normal 13px Verdana, sans-serif'
				}
			}
		},
		yAxis: {
			min: 0,
			title: {
				text: ''
			}
		},
		legend: {
			enabled: false
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 '得分: '+ Highcharts.numberFormat(this.y, 1) +
					 '';
			}
		},
	        series: [{
			name: 'Population',
			data: [50,70,89,100,80,56],
			dataLabels: {
				enabled: true,
				rotation: -90,
				color: '#FFFFFF',
				align: 'right',
				x: -3,
				y: 10,
				formatter: function() {
					return this.y;
				},
				style: {
					font: 'normal 13px Verdana, sans-serif'
				}
			}			
		}]
	});
	
	
});


var chart3;
$(document).ready(function() {
	chart3 = new Highcharts.Chart({
		chart: {
			renderTo: 'container3',
			defaultSeriesType: 'column',
			margin: [ 50, 50, 100, 80]
		},
		title: {
			text: '活动得分'
		},
		xAxis: {
			categories: [
				'全国', 
				'上海', 
				'北京', 
				'江苏', 
				'河南',
				'新疆'
				
			],
			labels: {
				rotation: -45,
				align: 'right',
				style: {
					 font: 'normal 13px Verdana, sans-serif'
				}
			}
		},
		yAxis: {
			min: 0,
			title: {
				text: ''
			}
		},
		legend: {
			enabled: false
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 '得分: '+ Highcharts.numberFormat(this.y, 1) +
					 '';
			}
		},
	        series: [{
			name: 'Population',
			data: [50,70,89,100,80,56],
			dataLabels: {
				enabled: true,
				rotation: -90,
				color: '#FFFFFF',
				align: 'right',
				x: -3,
				y: 10,
				formatter: function() {
					return this.y;
				},
				style: {
					font: 'normal 13px Verdana, sans-serif'
				}
			}			
		}]
	});
	
	
});
</script>


</head>

<body>

	<div align="center">

		<div
			style="width: 960px; height: 100px; background-image: url(../images/title.png)">
		</div>

		<div align="left" style="width: 960px">
			<p>
				<a href="../home.html">首页</a>&nbsp;&gt;&gt;&nbsp;整体得分
			</p>
		</div>
		<div id="content">

			<table width=100% border="0px">
				<tr>
					<td align="center">

						<table border="0">
							<tr>
								<td width="460px">
									<div id="container"
										style="width: 460px; height: 400px; margin: 0 auto"></div>
								</td>
								<td width="460">
									<div id="container1"
										style="width: 460px; height: 400px; margin: 0 auto"></div>
								</td>
								</tr>
								<tr>
								<td width="460">
									<div id="container2"
										style="width: 460px; height: 400px; margin: 0 auto"></div>
								</td>
								<td width="460">
									<div id="container3"
										style="width: 460px; height: 400px; margin: 0 auto"></div>
								</td>
							</tr>
						</table></td>
				</tr>
			</table>
		</div>
	</div>

</body>
</html>
